<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Chia các nhóm axit sao cho đúng nhất.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="../../themes/custom-theme/jquery-ui-1.8.11.custom.css">
    <link rel="stylesheet" href="../game.css">
    <script type="text/javascript"  src="../../jquery-1.4.4.js"></script>
    <script type="text/javascript"  src="../../jquery-ui-1.8.10.custom.js"></script>
    <script type="text/javascript"  src="../js.js"></script>
    <script type="text/javascript"  src="config.js"></script>
    <style type="text/css" >
        .group {
            list-style-type: none;
            margin: 0;
            padding: 0;
            float: left;
            margin-right: 9px;            
            padding: 5px;
            width: 154px;
            height: 152px;
        }
        .labelg {
            width: 154px;
            float: left;
            margin-right:9px;
            padding: 5px;
            text-align: center;
        }
        .group li { 
            margin: 5px;
            padding: 5px;
            display: block;
            font-size: 12px;
            min-height: 5px;
            min-width: 40px;
        }
        #sortable1 { 
            width: auto;
            list-style-type: none;
            margin: 0;
            padding: 5;
            height: 137px;
        }
        #sortable1 li {
            padding: 5px;
            margin: 2px;
            display: inline-block;
            font-size: 19px;
            min-height: 5px;
            min-width: 40px;
        }
    </style>   
</head>
<body>
    <div class="content">
        <div class="content-top">Chia các nhóm axit sao cho đúng nhất.</div>
        <div class="content-top clearfix">
            <ul id="sortable1" class='droptrue ui-state-highlight clearfix'></ul>
        </div>
        <br style="clear: both;" />
        <div class="content-bottom clearfix">
            <div class="clearfix">
                <div class="labelg">Axit no, đơn chức, mạch hở</div>
                <div class="labelg">Axit không no, đơn chức, mạch hở</div>
                <div class="labelg">Axit thơm, đơn chức</div>
                <div class="labelg">Axit đa chức</div>
                <div class="labelg">Khác</div>
            </div>
            <ul id="group1" class='group ui-state-error clearfix'></ul>
            <ul id="group2" class='group ui-state-error clearfix'></ul>
            <ul id="group3" class='group ui-state-error clearfix'></ul>
            <ul id="group4" class='group ui-state-error clearfix'></ul>
            <ul id="group5" class='group ui-state-error clearfix'></ul>
        </div>
        <div class="submit"><input type="button" class="ui-button ui-widget ui-corner-all ui-button-text-only" value="Hoàn Tất" id="submit"></div>
    </div>
    <div class="gamedialog" title="Study Game">Chúc bạn có những giây phút vui vẻ thoải mái.</div>
    <div class="dialogNoteS hide" title="Study Game">Yeah. Chúc mừng bạn đã sắp xếp thành công. Click Ok để sang level mới nhé :)</div>
    <div class="dialogNoteE hide" title="Study Game">Oh Oh. Bạn sắp xếp chưa chính xác đâu. Làm lại nhé. Chúc thành công.</div>
</body>
</html>
